<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="i1">
<input type="button" value="js转jp" id="b1">
<input type="button" value="jp转js" id="b2">

<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
//给按钮添加点击事件
//js动态绑定
//d1.onclick=function(){}
//jp中的动态绑定
$("#b1").click(function(){
	//得到js对象
	var js=document.getElementById("i1");
	//把js对象转成jp
	var jp=$(js);
	alert(jp.val());
});
$("#b2").click(function(){
	//得到jq对象(本质就是一个数组)
	var jq=$("#i1");
	//转成js对象
	var js=jq[0];
	alert(js.value);
});
</script>
</body>
</html>